import './index.scss'
import Icon from '@/components/Icon'
import { billTypeTagName } from '@/utils/constant.js' 
// import classNames from 'classnames'

const DayDetail = ({data})=> {
    console.log("billTypeTagName:",billTypeTagName)
    return (
        <>
            <div className="dayDetail">
                <div className="type">
                    <Icon type={data.useFor} />
                    <span className="typeName">{billTypeTagName[data.useFor]}</span>
                </div>
                <div className="money">
                    <span>{data.type === 'income' ? '+' : '-'}</span>
                    <span className={data.type === 'income' ? 'green' : 'red'}>{data.money.toFixed(2)}</span>
                    
                </div>
            </div>
        </>
    )
}
export default DayDetail